/* --------------------------------------------------------------
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/tabs.css";


/* Page
-------------------------------------------------------------- */

#page { width: 95%; margin: 0% 3% 0% 3% }


/* Main Content
-------------------------------------------------------------- */

#mainContent {
	padding: 10px 0 10px 0;
}
#mainContent h2,h3 {
	margin: 10px 10px 10px 10px;
	text-align: left;
}
#mainContent p {
	margin-left: 10px;
	margin-right: 10px;
	font-size: 1.2em;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
}
#mainContent p img {
	float: left;
	margin: 0.75em 0.75em 0.75em auto;
}
.quotes {
	font-style: italic;
}


/* Header
-------------------------------------------------------------- */

#header
{
  margin-top: 20px;
  padding-top: 100px;
  background: url(header_bg.jpg) repeat-x;
}

#header .tabs
{
  border-bottom: 1px solid #3366CC;
}
#header .tabs li
{
  margin-right: 2px;
}



/* Body
-------------------------------------------------------------- */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { color : #3366CC }

img { vertical-align: middle }

hr { color : #3366CC; background-color : #3366CC; height : 2px; }


#body { margin-top: 10px; }

/* Home Page (signin)
------------------------------------------------------------- */

#signin { float: left; width: 400px; }
#register { float: right;  width: 400px;  }
#feedback { min-height: 30px; color : #ff3366 }

/* input fields
--------------------------------------------------------------- */
#project_checkboxes { 
    width: 12em; 
    height:20em; 
    overflow: scroll;
    padding: 5px; 
    border: 1px solid #ccc;
    white-space: nowrap; 
}

.datefield {
    width: 6em;
}


/* Portfolio Detail Table
--------------------------------------------------------------- */
#portfolio_detail_table {
     background: black;
}
#portfolio_detail_table.th {
    padding: 1em;
}
#portfolio_detail_table.td {
    padding: 1em;
}
/* Page arrangement
--------------------------------------------------------------- */

#div-left     { float: left; width: 200px}
#div-right    { padding-left: 210px}
#loadingpanelmessage { height: 300px; overflow: auto;}



/* Footer
-------------------------------------------------------------- */

#info { float: left; width: 100%; border-top: 1px solid #3366CC; margin-top: 1px; }

#footer { border-top: 1px solid #3366CC; margin-top: 1px; }

#footer .tabs { width: 405px; border-top: 3px solid  #E5ECF9; }
#footer .tabs a { padding: 10px 30px 10px 0; color: #3366CC; text-decoration: none; }

#footer p.quiet { color: #3366CC; }

#footerFeedback { border-top: 1px solid #3366CC; margin-top: 1px; color : #ff3366; }
#footerFeedback p {color : #ff3366;}
#footerFeedback ul {color : #ff3366;}
#footerFeedback li {color : #ff3366;}
#footerLeft { float: left; border-top: 1px solid #eee; margin-top: 1px; width: 70%}
#footerRight { float: right; text-align: right; border-top: 1px solid #eee; margin-top: 1px; width: 25%}

/* Example layout from the boilerplate system.
----------------------------------------------------------------*/

#introduction { float: left; width: 480px; margin-right: 130px; }
#resources { float: left; width: 230px; }
#resources h3 { color: #3366CC; }
#resources ul, #resources ol { color: #3366CC; }
#resources ul a { color: #3366CC; }

/* Developer's card
----------------------------------------------------------------*/

.card {
  display: inline;
  color: #FFFFFF;
}

#myvar {
	background:#F2F2F2 none repeat scroll 0;
	border:1px solid #CCCCCC;
	padding:20px;
}

input.button {
  color: #fff; background: #0034D0;
  font-size: .8em;
  font-weight:bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border: solid 1px #ffcf31;
}

.achvlist {
    border-left: 10px;
}

.unacquired {
  opacity : 0.7;
  filter: alpha(opacity=40);
  background-color: #EEEEEE;
}

#toprowtable td{
  border-bottom: 0px;
  margin-left: 10px;
}

#matches th {
  border-bottom: 2px solid #ddd;
}

#matches td {
  border-bottom: 1px solid #ddd;
}

.matchteam {
  display: inline;
}

/*  Inbox items
---------------------------------------------- */

#inboxpanel {
  display: inline-table;
}
#inboxpanel td { border-bottom: none; }
#inboxpanel th { padding-top: 10px; }
#inboxpanel tr { padding-left: 10px; }


#inbox {
  display: inline-table;
  margin-left: 10px;
  padding: 0px 20px 0px 20px;
  empty-cells: show;
}

#inbox th {
  padding-top: 10px;
}


#inbox tr {
  border-bottom: 1px solid #ddd;
  background-color: #FFFFFF;
}

#inbox .read {
  background-color: #EEEEEE;
}
